<style lang="css" scoped>
.article {
    background-color: beige;
    margin: 10px;
    height: 250px;
}
</style>
<template>
    <div class="article">
        {{ article }}
    </div>
</template>
<script setup lang="ts">

// 定义了一个结构 Article , 必须包含 id , title  , content
type Article = {
    articleId: number,
    title: string,
    content: string
}
// 声明 调用这个 子组件必须传递的参数
const article = defineProps<Article>();

</script>